<template>
    <van-swipe class="my-swipe" :autoplay="5000" indicator-color="#1baeae" lazy-render>
      <van-swipe-item>
        <img src="https://newbee-mall.oss-cn-beijing.aliyuncs.com/images/banner1.png" alt="">
      </van-swipe-item>
        <van-swipe-item>
            <img src="https://newbee-mall.oss-cn-beijing.aliyuncs.com/images/banner2.png" alt="">
        </van-swipe-item>
        <van-swipe-item>
            <img src="https://newbee-mall.oss-cn-beijing.aliyuncs.com/images/banner3.png" alt="">
        </van-swipe-item>
        <van-swipe-item>
            <img src="https://newbee-mall.oss-cn-beijing.aliyuncs.com/images/banner5.png" alt="">
        </van-swipe-item>
    </van-swipe>
</template>

<script>
    export default {
        props: {
            list: {
                type: Object,
                default: null,
            },
        },
        methods: {
            goTo(url) {
                window.open(url)
            }
        }
    }
</script>

<style lang='less' scoped>
    .my-swipe .van-swipe-item {
        img {
            width: 100%;
            height: 20%;
        }
    }

</style>
